<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--    <link rel="icon" href="http://192.168.1.108:5100/static/image/logo-title.png" type="image/x-icon">-->
    <meta name="HandheldFriendly" content="true">
    <title>区块列表</title>
    <link href="./css/all.css" rel="stylesheet">
    <link href="./css/public.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>
<!--    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
    <script src="./js/axios.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
</head>
<body style="">
<div id="app" class="web-font">
    <div style="height: 100%;">
        <div element-loading-text="数据加载中..." element-loading-background="rgba(0, 0, 0, 0.8)" style="height: 100%;">
            <div>
                <div class="nav-header">
                    <div class="container">
                        <div class="logo">
                            <a href="./index.html"><img src="./pic/fisco-bcos-logo.3a5e45c.png" class="image" style="width: 170px;"></a>
                        </div>
<!--                        <div class="nav-menu" style="float: left;">-->
<!--                            <div class="nav-menu-item nav-item" style="display: inline-block; width: 160px; text-align: right;">-->
<!--                                <span>1</span>-->
<!--                                <div class="nav-chainType">-->

<!--                                </div>-->
<!--                                <ul class="select1">-->
<!--                                    <li style="cursor: default;">-->
<!--                                        <span class="name">1</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                                <i class="el-icon-caret-bottom icon-up icon">-->
<!--                                </i>-->
<!--                                <i class="el-icon-caret-top icon-down icon"></i>-->
<!--                            </div>-->
<!--                        </div>-->
                        <div class="nav-menu">
<!--                            <div class="nav-menu-item nav-item">配置-->
<!--                                <i class="el-icon-caret-bottom icon-up"></i>-->
<!--                                <i class="el-icon-caret-top icon-down"></i>-->
<!--                                <ul class="nav-menu-item-option">-->
<!--                                    <li class="option">群组配置</li>-->
<!--                                    <li class="option">节点配置</li>-->
<!--                                    <li class="option">合约配置</li>-->
<!--                                </ul>-->
<!--                            </div>-->
                            <div class="nav-menu-item nav-item">区块链信息
                                <i class="el-icon-caret-bottom icon-up"></i>
                                <i class="el-icon-caret-top icon-down"></i>
                                <ul class="nav-menu-item-option">
                                    <li class="option"><a href="./index.html">概览</a></li>
                                    <li class="option"><a href="./block_list.html">查看区块</a></li>
                                    <li class="option"><a href="transaction_list.html">查看交易</a></li>
                                </ul>
                            </div>
<!--                            <div class="nav-menu-item nav-item">帮助</div>-->
                        </div>
                    </div>
                </div>
            </div>
            <div style="padding-top: 20px;"></div>
            <div class="search-main main" style="height: auto;">
                <div class="container">
                    <div class="content-nav">
                        <div class="title">区块 </div>
                        <div class="content">
                            <a href="./index.html"><span class="table-link">概览</span> </a>
                            <span> / 区块</span>
                        </div>
                    </div>
                    <div class="search-nav">
                        <div class="hashInput">
                            <div class="input-with-select el-input el-input-group el-input-group--append"><!---->
                                <input type="text" autocomplete="off" placeholder="请输入区块哈希或块高" class="el-input__inner" id="id-input-text">
                                <div class="el-input-group__append">
                                    <button type="button" class="el-button el-button--default" v-on:click="search_block()"><!---->
                                        <i class="el-icon-search"></i><!---->
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="search-table">
                        <div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition" element-loading-text="数据加载中..." element-loading-background="rgba(0, 0, 0, 0.8)">
                            <div class="hidden-columns">
                                <div></div>
                                <div></div>
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="el-table__header-wrapper">
                                <table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 1351px;">
                                    <colgroup>
                                        <col name="el-table_22_column_98" width="149">
                                        <col name="el-table_22_column_99" width="222">
                                        <col name="el-table_22_column_100" width="148">
                                        <col name="el-table_22_column_101" width="185">
                                        <col name="el-table_22_column_102" width="647">
                                        <col name="gutter" width="0">
                                    </colgroup>
                                    <thead class="has-gutter">
                                    <tr class="">
                                        <th colspan="1" rowspan="1" class="el-table_22_column_98  is-center table-link  is-leaf">
                                            <div class="cell">块高</div>
                                        </th>
                                        <th colspan="1" rowspan="1" class="el-table_22_column_99  is-center   is-leaf">
                                            <div class="cell">生成时间</div>
                                        </th>
                                        <th colspan="1" rowspan="1" class="el-table_22_column_100  is-center table-link  is-leaf">
                                            <div class="cell">交易数量</div>
                                        </th>
                                        <th colspan="1" rowspan="1" class="el-table_22_column_101  is-center   is-leaf">
                                            <div class="cell">父区块哈希</div>
                                        </th>
                                        <th colspan="1" rowspan="1" class="el-table_22_column_102  is-center table-link  is-leaf">
                                            <div class="cell">哈希</div>
                                        </th>
                                        <th class="gutter" style="width: 0px; display: none;">

                                        </th>
                                    </tr></thead>
                                </table>
                            </div>
                            <div class="el-table__body-wrapper is-scrolling-none">
                                <table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 1351px;">
                                    <colgroup>
                                        <col name="el-table_22_column_98" width="149">
                                        <col name="el-table_22_column_99" width="222">
                                        <col name="el-table_22_column_100" width="148">
                                        <col name="el-table_22_column_101" width="185">
                                        <col name="el-table_22_column_102" width="647">
                                    </colgroup>
                                    <tbody>
                                    <tr class="el-table__row" v-for="(todo, i) in block_list">
                                        <td rowspan="1" colspan="1" class="el-table_22_column_98 is-center table-link">
                                            <div class="cell el-tooltip" style="width: 148px;">
                                                <a v-bind:href="'block_detail.html?blockHash=' + todo.block_hash"><span style="color: #2d69c7">{{ todo.number }}</span></a>
                                            </div>
                                        </td>
                                        <td rowspan="1" colspan="1" class="el-table_22_column_99 is-center ">
                                            <div class="cell el-tooltip" style="width: 221px;">{{ todo.add_time }}</div>
                                        </td>
                                        <td rowspan="1" colspan="1" class="el-table_22_column_100 is-center">
                                            <div class="cell el-tooltip" style="width: 147px;"><span>{{ todo.transaction_num }}</span></div>
                                        </td>
                                        <td rowspan="1" colspan="1" class="el-table_22_column_101 is-center ">
                                            <div class="cell el-tooltip" style="width: 184px;">
                                                {{ todo.parentHash }}
                                            </div>
                                        </td>
                                        <td rowspan="1" colspan="1" class="el-table_22_column_102 is-center table-link">
                                            <div class="cell el-tooltip" style="width: 646px;">
                                                <a v-bind:href="'block_detail.html?blockHash=' + todo.block_hash"><span style="color: #2d69c7">{{ todo.block_hash }}</span></a>
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="el-table__column-resize-proxy" style="display: none;"></div>
                            <div class="el-loading-mask" style="background-color: rgba(0, 0, 0, 0.8); display: none;">
                                <div class="el-loading-spinner">
                                    <svg viewBox="25 25 50 50" class="circular">
                                        <circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
                                    </svg>
                                    <p class="el-loading-text">数据加载中...</p>
                                </div>
                            </div>
                        </div>
                        <div class="search-pagation">
                            <div style="line-height: 40px;">
                                <span>查询结果 : </span>
                                <span>共计{{ block_num }}条数据</span>
                            </div>
                            <div class="el-pagination" style="display: inline-block;">
                                <button type="button" class="btn-prev" id="id-button-left" disabled="disabled" v-on:click="subtract_page()">
                                    <i class="el-icon el-icon-arrow-left"></i>
                                </button>
<!--                                <ul class="el-pager">-->
<!--                                    <li class="active" v-for="(todo,i) in page_num" v-bind:id="'page' + i" v-on:click="change_page(i + 1)">-->
<!--                                        {{ i + 1 }}-->
<!--                                    </li>-->
<!--                                </ul>-->
                                <ul class="el-pager">
                                    <li class="number">{{ page }}</li>
                                </ul>
                                <button type="button" class="btn-next" id="id-button-right" v-on:click="add_page()">
                                    <i class="el-icon el-icon-arrow-right"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!---->
    </div>
</div>
<script src="./js/block_list.js"></script>
</body>
</html>